<template>
	<view>
		<custom-nav-sq-xcx :isBack="true" currBg="usuallyBg" :needConBlock="true">
			<block slot="content">{{shName}}详情</block>
		</custom-nav-sq-xcx>
		<view class="sqConBlock"></view>
		<view class="sqConWrap">
			<view class="det-ptCover posRel">
				<view class="det-shTahg posAbso">商超便利</view>
			</view>
			<view class="det-shName">反倒是离开房间发的睡觉了分开</view>
			<view class="det-yyTime">营业时间：周一至周五 08:00-23:00</view>
			<view class="det-address">商户地址：反对数据库连接国际法的轮廓更加发达广泛的结果的</view>
			<view class="det-address">商户距离：1.52Km</view>
			<view class="det-address">联系电话：0393-3578525</view>
			<view class="det-yyzzTit">店铺资质营业执照</view>
			<view class="det-yyzz hasFlex">
				<view class="det-yyzzList">1</view>
				<view class="det-yyzzList">2</view>
				<view class="det-yyzzList">3</view>
 			</view>
		</view>
	</view>
</template>

<script>
	export default {
		 data(){
			 return{
				 shName:''
			 }
		 }
	}
</script>

<style lang="scss">
	page{
		background: $sq-fuf;
	}
	.det-ptCover{
		height: 240rpx;
		background: pink;
		border-radius: 16rpx;
		margin-bottom: 30rpx;
		.det-shTahg{
			height: 46rpx;
			line-height: 46rpx;
			font-size: 24rpx;
			padding: 0 20rpx;
			color: #fff;
			background: #8C70F7;
			border-radius: 10rpx 0 0 10rpx;
			right: 0;
			top: 50rpx;
		}
	}
	.det-shName{
		font-size: 32rpx;
		color: $sq-main0;
		font-weight: 600;
		margin-bottom: 20rpx;
	}
	.det-yyTime{
		font-size: 26rpx;
		color: #58F3A8;
	}
	.det-address{
		color: $sq-main8;
		font-size: 26rpx;
		margin-top: 10rpx;
	}
	.det-yyzzTit{
		height: 80rpx;
		line-height: 80rpx;
		color: #000;
		font-size: 30rpx;
		margin-top: 20rpx;
	}
	.det-yyzz{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.det-yyzzList{
		width: 46%;
		height: 240rpx;
		background: pink;
		margin-bottom: 30rpx;
	}
</style> 